<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>点赞</button>
    <button>收藏</button>
    <button>关注</button>
    <script>
        let aBtn = document.querySelectorAll('button');
        // var-输出3 改 let-输出点击位置
        // let 广义闭包内 let带有块级作用域 所以i被锁在每个作用域中了，点的是哪个就输出它的索引
        console.log(aBtn.length)
        for (let i = 0; i < aBtn.length; i++) { // 同步代码
            aBtn[i].onclick = function () {
                alert(i); // onclick内异步代码
            };
        }
    </script>
</body>

</html>